﻿<!DOCTYPE html>
<html>
<head>
<title>VIP卡查询</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div">
  <h3>VIP卡查询</h3>
  <ul>
    <li><span class="tit" style="width:70px;">选择对象：</span></li>
    <li style="line-height:36px;"><span>
      <input type="text" placeholder="请输入VIP卡持有者姓名或身份证" id="userVipCard_searchVal" style="width:220px;position:absolute;top:0;left:0;"/>
      </span><span style="position:absolute;left:235px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="findUserVipCard();" style="height:36px;" />
      </span></li>
  </ul>
  <div style="clear:both;"></div>
  
  <!--VIP卡查询结果-->
  <div style="margin:0;padding:0;" id="userVipCard_vue_vm_list">
    <div style="margin:0;padding:0;" v-for="todo in todos">
      <div style="clear:both;"></div>
      <h3>{{todo.index}}</h3>
      <ul>
        <!--VIP卡查询结果-->
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="width:150px;"><span style="display:block;position:absolute;top:0;left:0;color:#19A094;">持卡人：{{todo.name}}</span></li>
        <li><span>性别：{{todo.sex=='1'? '男': '女'}}</span></li>
        <li><span>身份证：{{todo.cardId}}</span></li>
        <li><span>手机：{{todo.phoneNumber}}</span></li>
        <li><span>邮箱：{{todo.email}}</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span>地址：{{todo.liveAddress}}</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span>卡ID：{{todo.userVipCardId}}</span></li>
        <li><span>卡名：{{todo.vipCardName}}</span></li>
        <li><span>户型：{{todo.houseTypeName}}</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span>{{(todo.officialPrice * 1.0 / todo.durableYears).toFixed(2)}}元/年</span></li>
        <li><span>{{todo.pricePerDay}}元/天</span></li>
        <li><span>剩余可扣{{getRemainNumber(todo)}}天</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span>{{getSubsidizationText(todo.subsidization, todo.subsidizationValue)}}</span></li>
        <li><span>{{todo.consumptionWay}}</span></li>
        <li><span>保床折扣{{todo.discount}}%</span></li>
        <li><span style="color:#FF0000;">使用状态：{{todo.useStatus=='0'?'未使用':(todo.useStatus=='1'?'使用中':'已使用完')}}</span></li>
        <li><span style="color:#FF0000;">缴费状态：{{todo.payCostStatus=='1'?'正在办理':(todo.payCostStatus=='2'?'已经缴费':'已提供发票')}}</span></li>
      </ul>
      <ul v-if="todo.userVipCardRecordForm==null">
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">使用记录：</span><span style="margin-right:10px;">暂无</span></li>
      </ul>
      <ul v-if="todo.userVipCardRecordForm!=null">
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">使用记录：</span><span style="margin-right:10px;">{{todo.userVipCardRecordForm.elderName}}</span><span style="margin-right:10px;">身份证号：{{todo.userVipCardRecordForm.elderCardId}}</span><span style="margin-right:10px;">使用{{todo.userVipCardRecordForm.useMonthNum}}个月</span><span style="margin-right:10px;">已扣{{todo.userVipCardRecordForm.payNum}}天</span><span style="margin-right:10px;">保留床位{{todo.userVipCardRecordForm.bedRetainDayNum}}天</span><span style="margin-right:10px;">{{todo.userVipCardRecordForm.returnMoney}}元已返至钱包</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">出租记录：</span></li>
      </ul>
      <ul v-if="todo.userVipCardRentForms==null || todo.userVipCardRentForms.length==0">
        <li><span class="tit" style="width:100px;"></span></li>
        <li><span style="margin-right:10px;">暂无</span></li>
      </ul>
      <div style="margin:0;padding:0;" v-if="todo.userVipCardRentForms!=null && todo.userVipCardRentForms.length>0">
        <div style="margin:0;padding:0;" v-for="userVipCardRentForm in todo.userVipCardRentForms">
          <ul>
            <li><span class="tit" style="width:100px;"></span></li>
            <li><span style="margin-right:10px;">承租人姓名：{{userVipCardRentForm.renterName}}</span><span style="margin-right:10px;">身份证号：{{userVipCardRentForm.renterCardId}}</span><span style="margin-right:10px;">出租{{userVipCardRentForm.rentMonthNum}}个月</span><span style="margin-right:10px;">出租时间：{{userVipCardRentForm.updateTime}}</span></li>
          </ul>
        </div>
      </div>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="color:#ff0000;"> <span style="margin-right:20px;">扣费情况：</span> <span style="margin-right:10px;">总共可扣：{{getTotalMonths(todo)}}个月（{{getTotalNumber(todo)}}天）</span> <span style="margin-right:10px;">已扣：{{getAlreadyUsedNumber(todo)}}天</span> <span style="margin-right:10px;">剩余可扣：{{getRemainNumber(todo)}}天</span> </li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li><span style="margin-right:20px;">与持卡人的关系：</span><span style="margin-right:10px;">{{todo.vipCardRelation}}</span></li>
      </ul>
      <ul>
        <li><span class="tit" style="width:70px;"></span></li>
        <li style="color:#0000ff;"><span style="margin-right:20px;">资料录入：</span><span style="margin-right:10px;">{{todo.creator}}（于{{todo.createTime}}录入）</span></li>
      </ul>
    </div>
  </div>
  <!--VIP卡查询结果-->
  
  <div style="clear:both;"></div>
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:70px;"></span></li>
      <li style="width:160px;">
        <input type="button" value="打印" class="button button1" onclick="window.print();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script> 
<script src="js/common_function.js"></script> 
<script src="js/busi/user_vip_card_find.js"></script>
</body>
</html>